<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>C003_CSS_Block_Inline</title>
</head>
<body>

<span style="background: cadetblue;
margin: 30px; display: inline; height: 200px">
	Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</span>

<span style="background: yellow; display: inline-block; height: 100px">
	Lorem ipsum dolor sit amet, consectetur.
</span>

<hr>

<div  style="background: blueviolet;height: 50px;
margin: 50px">

</div>

<div  style="background: orange;height: 50px;margin: 80px">

</div>

</body>
</html>